<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="stylesheet" type="text/css" href="./style2.css">
</head>
<body>
<!--
			1. 总共是5部分
			2. 第一部分是LOGO部分
			3. 第二部分是导航菜单
			4. 第三部分是注册部分
			5. 第四部分是FOOTER图片
			6. 第五部分是一堆超链接
		-->
    <div>
        <!--2. 第一部分是LOGO部分-->
        <div>
            <div class="logo">
                <img src="../img/logoye.jpg" width="40%" height="80%"/>
            </div>
            <div class="logo">
                <img src="../img/header.jpg">
            </div>
            <div class="logo" style="text-align: center;">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a href="#">购物车</a>
            </div>
        </div>
        <!--清除浮动-->
        <div style="clear: both"></div>

        <!--3. 第二部分是导航菜单-->
        <div style="background-color: black">
            <a href="#" class="amenu">首页</a>
            <a href="#" class="amenu">手机数码</a>
            <a href="#" class="amenu">电脑办公</a>
            <a href="#" class="amenu">鞋靴箱包</a>
            <a href="#" class="amenu">香烟酒水</a>
        </div>

        <!--4. 第三部分是注册部分-->
        <div>
            <div style="background: url(../image/regist_bg.jpg);height: 500px">
                <div style="position:absolute;top:200px;left:350px;border: 5px solid darkgray;width: 50%;height: 50%;background-color: white;">
                    <form action="新网站首页.html" method="post">
                    <table width="60%" align="center">
                        <tr>
                            <td colspan="2"><font color="blue" size="6">会员注册</font>USER REGISTER</td>

                        </tr>
                        <tr>
                            <td>用户名:</td>
                            <td><input type="text"/></td>
                        </tr>
                        <tr>
                            <td>密码:</td>
                            <td><input type="password"/></td>
                        </tr>
                        <tr>
                            <td>确认密码:</td>
                            <td><input type="password"/></td>
                        </tr>
                        <tr>
                            <td>email:</td>
                            <td><input type="email"/></td>
                        </tr>
                        <tr>
                            <td>姓名:</td>
                            <td><input type="text"/></td>
                        </tr>
                        <tr>
                            <td>性别:</td>
                            <td><input type="radio" name="sex"/> 男
                                <input type="radio" name="sex"/> 女
                                <input type="radio" name="sex"/> 妖
                            </td>
                        </tr>
                        <tr>
                            <td>出生日期:</td>
                            <td><input type="date"/></td>
                        </tr>
                        <tr>
                            <td>验证码:</td>
                            <td><input type="text"/></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="submit" value="注册"/></td>
                        </tr>
                    </table>
                    </form>
                </div>
            </div>
        </div>

        <!--5. 第四部分是FOOTER图片-->
        <div>
            <img src="../img/footer.jpg" width="100%"/>
        </div>
        <!--6. 第五部分是一堆超链接-->
        <div class="bottom">
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
            <a href="#">招贤纳士</a>
            <a href="#">法律声明</a>
            <a href="#">友情链接</a>
            <a href="#">支付方式</a>
            <a href="#">配送方式</a>
            <a href="#">服务声明</a>
            <a href="#">广告声明</a>
            <br>
            Copyright © 2005-2016 叶商城 版权所有
        </div>
    </div>
</body>
</html>